<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>问卷调查</title>
    <link rel="stylesheet" href="../css/common.css" />
    <link rel="stylesheet" href="../css/research.css" />
    <script src="../js/lib/jquery-3.7.1.js"></script>
  </head>
  <body>
    <!-- 轮播图 -->
    <div class="banner">
      <ul class="item">
        <li style="opacity: 1"><img src="../img/banner1.jpg" alt="" /></li>
        <li><img src="../img/banner2.jpg" alt="" /></li>
        <li><img src="../img/banner3.jpg" alt="" /></li>
      </ul>
      <span class="lef"><</span>
      <span class="rig">></span>
      <ul class="page">
        <li style="background: white"></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <!-- 导航栏 -->
    <div class="nav">
      <img src="../img/logo.png" alt="" class="logo" />
      <ul>
        <li><a href="/">首页</a></li>
        <li><a href="/role">角色设定</a></li>
        <li><a href="/map">场景地图</a></li>
        <li><a href="/prototype">场景原型</a></li>
        <li><a href="/evaluation">作品评价</a></li>
        <li class="now"><a href="/research">问卷调查</a></li>
      </ul>
    </div>
    <!-- 主要内容 -->
    <div class="main">
      <!-- 问卷调查 -->
      <div class="proto">
        <h2>《黑神话：悟空》玩家调查问卷</h2>
        <div class="content">
            尊敬的玩家，您好！我们正在进行一项关于《黑神话：悟空》的调查，旨在了解玩家对该游戏的期待与反馈。您的意见对我们非常重要，将帮助我们更好地理解玩家需求，提升游戏品质。本问卷预计耗时5-10分钟完成，所有信息将仅用于研究目的，并确保您的隐私安全。感谢您的支持与参与！<br>
            <div class="content2">
                <h3>1，您的性别是：</h3>
                <input type="radio" name="sex" value="1"> 男
                <input type="radio" name="sex" value="2"> 女
            </div>
            <div class="content2">
                <h3>2，您的年龄是：</h3>
                <input type="radio" name="age" value="1"> 18岁以下
                <input type="radio" name="age" value="2"> 18-25岁
                <input type="radio" name="age" value="3"> 26-35岁
                <input type="radio" name="age" value="4"> 36-45岁
                <input type="radio" name="age" value="5"> 45岁以上
            </div>
            <div class="content2">
                <h3>3，您的职业是：</h3>
                <input type="radio" name="work" value="1"> 学生
                <input type="radio" name="work" value="2"> 上班族
                <input type="radio" name="work" value="3"> 自由职业者
                <input type="radio" name="work" value="4"> 其他
            </div>
            <div class="content2">
                <h3>4，您是否听说过《黑神话:悟空》这款游戏?</h3>
                <input type="radio" name="judgement" value="1"> 是
                <input type="radio" name="judgement" value="2"> 否（若选“否”，跳转到第 7 题）
            </div>
            <div class="content2">
                <h3>5，您是通过什么渠道首次了解到《黑神话:悟空》的?（可多选）</h3>
                <input type="checkbox" name="theCheckbox" value="1"> 网络视频/直播平台
                <input type="checkbox" name="theCheckbox" value="2"> 游戏论坛/社区
                <input type="checkbox" name="theCheckbox" value="3"> 社交媒体
                <input type="checkbox" name="theCheckbox" value="4"> 朋友推荐
                <input type="checkbox" name="theCheckbox" value="5"> 游戏展会
                <input type="checkbox" name="theCheckbox" value="6"> 其他
            </div>
            <div class="content2">
                <h3>6，您是否已经玩过《黑神话:悟空》这款游戏?</h3>
                <input type="radio" name="judgement1" value="1"> 是
                <input type="radio" name="judgement1" value="2"> 否（若选“否”，跳转到第 5 题）
            </div>
            <div class="content2">
                <h3>7，您对《黑神话:悟空》的游戏画面评价如何?</h3>
                <input type="radio" name="appraise1" value="1"> 非常出色，细节丰富，视觉震撼<br>
                <input type="radio" name="appraise1" value="2"> 比较出色，但还有提升空间<br>
                <input type="radio" name="appraise1" value="3"> 一般，符合预期<br>
                <input type="radio" name="appraise1" value="4"> 不太满意，未达到预期效果
            </div>
            <div class="content2">
                <h3>8，您对游戏中角色的动作设计和战斗手感是否满意?</h3>
                <input type="radio" name="appraise2" value="1"> 非常满意，动作流畅且打击感强<br>
                <input type="radio" name="appraise2" value="2"> 满意，但仍有改进空间<br>
                <input type="radio" name="appraise2" value="3"> 一般，没有特别的感觉<br>
                <input type="radio" name="appraise2" value="4"> 不满意，动作生硬或打击感弱
            </div>
            <div class="content2">
                <h3>9，您认为《黑神话:悟空》的游戏内容丰富度如何?</h3>
                <input type="radio" name="appraise3" value="1"> 非常丰富，有很多探索和发现<br>
                <input type="radio" name="appraise3" value="2"> 丰富，但部分内容略显重复<br>
                <input type="radio" name="appraise3" value="3"> 一般，没有太多新意<br>
                <input type="radio" name="appraise3" value="4"> 较少，感觉很快就玩完了
            </div>
            <div class="content2">
                <h3>10，您认为该游戏的难度设置是否合理?</h3>
                <input type="radio" name="appraise4" value="1"> 非常简单<br>
                <input type="radio" name="appraise4" value="2"> 简单<br>
                <input type="radio" name="appraise4" value="3"> 适中<br>
                <input type="radio" name="appraise4" value="4"> 困难<br>
                <input type="radio" name="appraise4" value="5"> 非常困难
            </div>
            <div class="content2">
                <h3>11，您对于《黑神话:悟空》的主线剧情和支线任务设计有何看法?</h3>
                <input type="radio" name="appraise5" value="1"> 主线剧情引人入胜，支线任务也很有趣<br>
                <input type="radio" name="appraise5" value="2"> 主线剧情不错，但支线任务较为单调<br>
                <input type="radio" name="appraise5" value="3"> 主线剧情一般，支线任务可有可无<br>
                <input type="radio" name="appraise5" value="4"> 两者都缺乏吸引力
            </div>
            <div class="content2">
                <h3>12，您觉得《黑神话:悟空》在多大程度上展现了中国传统文化的魅力?</h3>
                <input type="radio" name="appraise6" value="1"> 非常好地展现，让我对传统文化有了更深刻的认识<br>
                <input type="radio" name="appraise6" value="2"> 较好地展现，但还可以进一步深入<br>
                <input type="radio" name="appraise6" value="3"> 有一定的展现，但不够突出<br>
                <input type="radio" name="appraise6" value="4"> 几乎没有展现
            </div>
            <div class="content2">
                <h3>13，游戏中对《西游记》故事的改编和演绎，您是否认可?</h3>
                <input type="radio" name="appraise7" value="1"> 非常认可，改编新颖且符合逻辑<br>
                <input type="radio" name="appraise7" value="2"> 认可，有一定的创意和合理性<br>
                <input type="radio" name="appraise7" value="3"> 不太认可，与原著偏差较大<br>
                <input type="radio" name="appraise7" value="4"> 完全不认可，不应该对原著进行改编
            </div>
            <div class="content2">
                <h3>14，您是否会将《黑神话:悟空》推荐给身边的人?</h3>
                <input type="radio" name="appraise8" value="1"> 一定会<br>
                <input type="radio" name="appraise8" value="2"> 可能会<br>
                <input type="radio" name="appraise8" value="3"> 不确定<br>
                <input type="radio" name="appraise8" value="4"> 可能不会<br>
                <input type="radio" name="appraise8" value="5"> 一定不会
            </div>
            <div class="content2" id="flex">
                <button id="submit1">保存并提交</button>
            </div>
        </div>
      </div>
    </div>

    <!-- 底部 -->
    <footer>
      <p>直面天命 为战而生</p>
    </footer>
    <!-- 引入轮播图js -->
    <script src="../js/banner.js"></script>
  </body>
  <script>
    const serverRootUrl="http://localhost:8080";
    $(function() {
      
    });
    $("#submit1").click(function(){
        submit();
    });
    function submit(){
      var url=serverRootUrl+"/message";
      var values = [];
      $('input[name="theCheckbox"]:checked').each(function() {
          values.push($(this).val());
      });
      var message = {
        sex:$('input[name="sex"]:checked').val(),
        age:$('input[name="age"]:checked').val(),
        work:$('input[name="work"]:checked').val(),
        judgement:$('input[name="judgement"]:checked').val(),
        value:JSON.stringify(values),
        judgement2:$('input[name="judgement1"]:checked').val(),
        appraise1:$('input[name="appraise1"]:checked').val(),
        appraise2:$('input[name="appraise2"]:checked').val(),
        appraise3:$('input[name="appraise3"]:checked').val(),
        appraise4:$('input[name="appraise4"]:checked').val(),
        appraise5:$('input[name="appraise5"]:checked').val(),
        appraise6:$('input[name="appraise6"]:checked').val(),
        appraise7:$('input[name="appraise7"]:checked').val(),
        appraise8:$('input[name="appraise8"]:checked').val(),
      };

      $.post(url,message,function(data){
        var result=eval(data);
        if(data.checkNull!="0"){
          alert("不是哥们，填了吗你就交？")
          location.reload();
          return;
        }
        if(result.status!='0'){
          alert("信息提交失败，请检查控制台和网络连接");
          console.log(result.message);
        }
        else{
          alert("信息提交成功，感谢您的填写");
        }
        location.reload();
      });
    

  };
  </script>
</html>
